<template>

  <div>
    <div style="font-size: 50px;color: #2798f4;font-family: 楷体;border-bottom: 1px solid #8c8b8b;">
      我的收藏
    </div>

    <div v-for="collect in collectList" key="collect.id" style="margin-left: 20px;padding-bottom: 10px;height: 80px;">
      <div>
        <span style="color: red">新闻标题：</span>
        <span style="font-size: 30px;" >
        <router-link :to="{path:'/newsDetail',query:{id:collect.newsid}} ">
          {{collect.name}}
        </router-link>
        </span>&nbsp;
      </div>
      <span style="color: #999999">收藏时间:</span><span style="color: #999999">{{collect.operTime}}</span>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      collectList:[],
    }
  },methods: {


  },
  mounted() {
    //获取收藏信息
    this.$http.get("userApi/CollectCtl/collectList").then((resp) => {
      if (resp.data.code==200){
        this.collectList = resp.data.data;
      }
    })
  }

}
</script>

